<template>
    <div>
        <div style="margin-left: 50px; margin-right: 50px;margin-top: 20px">
            <h2>关于</h2>
            <h5>wiki 是一个基于 vue3 TypeScript 的信息管理系统，它可以帮助你便捷的管理和分享知识，持续鸽子中。</h5>
        </div>
        <n-divider/>

        <div style="margin-left: 50px; margin-right: 50px;margin-top: 20px">
            <h2>项目信息</h2>
            <a-descriptions  layout="vertical" bordered :column="4" size="small">
                <a-descriptions-item label="版本">1.0.3</a-descriptions-item>
                <a-descriptions-item label="最后编译时间">2022年9月26日23:17:49</a-descriptions-item>
                <a-descriptions-item label="Gitee"><a href="https://gitee.com/south-wood/wiki">点击查看</a></a-descriptions-item>
                <a-descriptions-item label="Status" :span="3">
                    <a-badge status="processing" text="运行中" />
                </a-descriptions-item>
            </a-descriptions>
        </div>
        <n-divider/>
        <div style="margin-left: 50px; margin-right: 50px;margin-top: 20px">
            <h2>技术选项</h2>
            <a-descriptions  layout="vertical" bordered :column="3" size="small">
                <a-descriptions-item label="后端技术">
                    SpringBoot<br/>
                    MyBatis<br/>
                    MyBatis-generator<br/>
                    PageHelper<br/>
                    SpringBoot-validation<br/>
                    SpringBoot-validation<br/>
                    RabbitMQ
                </a-descriptions-item>
                <a-descriptions-item label="名称">
                    springboot框架<br/>
                    SQL模板引擎<br/>
                    根据表内容生成底层代码<br/>
                    MyBatis物理分页插件<br/>
                    参数校验<br/>
                    实时通讯协议<br/>
                    ......
                </a-descriptions-item>
                <a-descriptions-item label="备注">
                    2.4.0<br/>
                    2.1.3<br/>
                    2.1.3<br/>
                    1.2.13<br/>
                    ......<br/>
                    ......<br/>
                    ......
                </a-descriptions-item>
                <a-descriptions-item label="前端技术">
                    <a href="https://www.wangeditor.com/">wangeditor</a><br/>
                    <a href="https://github.com/itorr/sakana">石蒜模拟器</a><br/>
                    <a href="https://echarts.apache.org/zh/index.html">ECharts</a><br/>

                </a-descriptions-item>
                <a-descriptions-item label="名称">
                    富文本插件<br/>
                    小玩具<br/>
                    JS图表工具<br/>

                </a-descriptions-item>
                <a-descriptions-item label="备注">
                    @4.6.3<br/>
                    ......<br/>
                    ......<br/>

                </a-descriptions-item>
            </a-descriptions>
        </div>
        <n-divider/>
        <div style="margin-left: 50px; margin-right: 50px;margin-top: 20px">
            <h2>生产环境依赖</h2>
            <a-descriptions  layout="vertical" bordered :column="4" size="small">
                <a-descriptions-item label="Nginx">
                    <a-tooltip>
                        <template #title>提示：service nginx start...</template>
                        /etc/nginx
                    </a-tooltip>
                </a-descriptions-item>
                <a-descriptions-item label="SpringBoot">
                    <a-tooltip>
                        <template #title>提示：...</template>
                        /root/wiki
                    </a-tooltip>
                </a-descriptions-item>
                <a-descriptions-item label="Vue">
                    <a-tooltip>
                        <template #title>提示：...</template>
                        /root/web
                    </a-tooltip>
                </a-descriptions-item>
                <a-descriptions-item label="Redis">
                    <a-tooltip>
                        <template #title>提示：./bin/redis-server redis.conf</template>
                        /usr/local/redis
                    </a-tooltip>
                </a-descriptions-item>
            </a-descriptions>
        </div>
    </div>

    <div style="margin-left: 50px; margin-right: 50px;margin-top: 20px">
        <h2>联系方式</h2>
        <a-descriptions  layout="vertical" bordered :column="2" size="small">
            <a-descriptions-item label="email">
                2642475449@qq.com
            </a-descriptions-item>
            <a-descriptions-item label="微信">
                a448866293
            </a-descriptions-item>

        </a-descriptions>
    </div>
</template>

